﻿<!DOCTYPE html>
<html>
<head>
    <th:block th:include="home/commons/include :: common_header('关于我们')" />
</head>

<style>
    @media (max-width: 1024px) {
        .banner-n { margin-top: 60px; }
    }

    @media (max-width: 1094px) {
        .about .details_a .right_a { margin: 10px 0; }
    }
    .list li p,span{
        display: inline;
    }
    .service {
        width: 100%;
        display: inline;
        text-align: center;
        border: none;
    }
    .service h3 {
        padding-bottom: 22px;
        font-size: 28px;
        color: #333;
        display: inline;
        margin-left: 20%;
    }
    .service h4 { font-size: 28px; color: #c2c0c0; display: inline; }
</style>

<body>
<th:block th:include="home/commons/include :: index-header(1)"/>

    <div class="banner-n clearfix">
        <div class="frame" style="background: url(/index/images/timg.jpg) no-repeat center center; background-size:cover; width:100%;"></div>
    </div>

    <div class="wy_dw">
        <div class="dw g_cw">
            <p>
                <img class="" th:src="@{/index/images/dw_nei.png}">
                <a th:href="@{/home/index/index}">网站首页</a><span> &nbsp >> &nbsp </span><a th:href="@{/home/index/about}">关于我们</a>
            </p>
        </div>
    </div>


    <div class="about">
        <div class="g_cw g_mt">
            <div class="g_title">
                <h3>酒店概况 / </h3>
                <h4>HOTEL OVERVIEW</h4>
            </div>
        </div>
        <div class="about_bj details g_mb" >
            <div class="g_cw" th:if="${about!=null}">
                <div class="left">
                    <h3 class="l1" th:text="${about.total}"></h3>
                    <p class="xh"></p>
                    <p class="l2" th:text="${about.content}"></p>
                </div>
                <div class="right">
                    <img th:src="${about.pic}" width="440" height="560">
                </div>
            </div>
        </div>

        <div class="details_a">
            <div class="g_cw" th:if="${service!=null}">
                <div class="left_a">
                    <img width="420" height="438.89"  class="dt_ct_a" th:src="${service.pic}">
                </div>
                <div class="service">
                    <h3>酒店服务 / </h3>
                    <h4>HOTEL SERVICE</h4>
                </div>
                <div class="right_a">
                    <ul class="list">
                        <li th:each="item : ${serviceList}">
                            【<span th:text="${item.service}"></span>】
                            <p class="l1" th:text="${item.detail}"></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<th:block th:include="home/commons/include :: index-foot" />
</body>
</html>






